<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../public/home/css/css.css">
	<script type="text/javascript" src='../public/home/js/jquery-1.7.2.min.js'></script>
	<script type="text/javascript">
	$(function(){
		$('.nav_mini ul li').hover(function(){
			$(this).find('.two_nav').show(100);
		},function(){
			$(this).find('.two_nav').hide(100);
		})
		$('.left_nav').hover(function(){
			$(this).find('.nav_mini').show(100);
		},function(){
			$(this).find('.nav_mini').hide(100);
		})
		$('#jia').click(function (){
			$('input[name=num]').val(parseInt($('input[name=num]').val())+1);
		})
		$('#jian').click(function (){
			$('input[name=num]').val(parseInt($('input[name=num]').val())-1);
		})
	})
	var x=Array();
	function func(a,b){
		x[b]=a.html();
		alert(x)
		a.css('border','2px solid #f00').siblings('.min_mx').css('border','2px solid #ccc');
	}
	</script>
</head>
<body>
	<div class="top">
		<div class="top_text">
			<a href="">用户登录</a>
			<a href="">用户注册</a>
			<a href="">供应商登录</a>
			<a href="">供应商注册</a>
		</div>
	</div>
	<div class="top_img">
		<img src="../public/home/images/top_img.jpg" alt="">
	</div>
	<div class="search">
		<div class="logo"><img src="../public/home/images/logo.jpg" alt=""></div>
		<div class="search_on">
			<div class="se">
				<input type="text" name="search" class="lf">
				<input type="submit" class="clik" value="搜索">
			</div>
			<div class="se">
				<a href="">取暖神奇</a>
				<a href="">1元秒杀</a>
				<a href="">吹风机</a>
				<a href="">玉兰油</a>
			</div>
		</div>
		<div class="card">
			<a href="">购物车<div class="num">0</div></a>
		</div>
	</div>
	<div class="menu">
		<div class="nav">
			<div class="navs">
				<div class="left_nav">
					全部商品分类
					<div class="nav_mini" style="display:none">
						<ul>
							<li>
								<a href="">家用电器</a>
								<div class="two_nav">
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
									<a href="">11111</a>
								</div>
							</li>
							<li><a href="">手机、数码、通信</a></li>
							<li><a href="">电脑、办公</a></li>
							<li><a href="">家具、家居、家装</a></li>
							<li><a href="">男装、女装、内衣</a></li>
							<li><a href="">个户化妆</a></li>
							<li><a href="">鞋靴</a></li>
							<li><a href="">户外运动</a></li>
							<li><a href="">汽车</a></li>
							<li><a href="">母婴</a></li>
							<li><a href="">食品</a></li>
							<li><a href="">营养保健</a></li>
							<li><a href="">图书</a></li>
							<li><a href="">彩票</a></li>
							<li><a href="">理财</a></li>
						</ul>
					</div>
				</div>
				<ul>
					<li><a href="">服装城</a></li>
					<li><a href="">美妆馆</a></li>
					<li><a href="">超市</a></li>
					<li><a href="">全球购</a></li>
					<li><a href="">闪购</a></li>
					<li><a href="">团购</a></li>
					<li><a href="">拍卖</a></li>
					<li><a href="">金融</a></li>
					<li><a href="">智能</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<div class="Dbox">
		<div class="box">
			<div class="left">
				<div class="timg"><img src="../public/home/images/img_5.jpg" alt=""></div>
				<div class="timg2">
					<div class="lf"><img src="../public/home/images/lf.jpg" alt=""></div>
					<div class="center">
						<span><img src="../public/home/images/icon_2.jpg" alt=""></span>
						<span><img src="../public/home/images/icon_3.jpg" alt=""></span>
						<span><img src="../public/home/images/icon_2.jpg" alt=""></span>
						<span><img src="../public/home/images/icon_3.jpg" alt=""></span>
						<span><img src="../public/home/images/icon_2.jpg" alt=""></span>
					</div>
					<div class="rg"><img src="../public/home/images/rg.jpg" alt=""></div>
				</div>
				<div class="goods"><img src="../public/home/images/img_6.jpg" alt=""></div>
			</div>
			<div class="cent">
				<div class="title">海信炫彩4K智能电视（黑色）</div>
				<div class="bg">
					<p>市场价：<strong>￥1099.00</strong></p>
					<p>促销价：<strong>￥1099.00</strong></p>
				</div>
				<div class="clear">
					<div class="min_t">选择版本：</div>
					<div class="min_mx" onclick=func($(this),'0')>55英寸活动中1</div>
					<div class="min_mx" onclick=func($(this),'0')>55英寸活动中2</div>
					<div class="min_mx" onclick=func($(this),'0')>55英寸活动中3</div>
					<div class="min_mx" onclick=func($(this),'0')>55英寸活动中4</div>
					<div class="min_mx" onclick=func($(this),'0')>55英寸活动中5</div>
					<div class="min_mx" onclick=func($(this),'0')>55英寸活动中6</div>
				</div>
				<div class="clear">
					<div class="min_t" onclick=func($(this),'1')>服务：</div>
					<div class="min_mx" onclick=func($(this),'1')>服务1号1</div>
					<div class="min_mx" onclick=func($(this),'1')>服务二号1112</div>
					<div class="min_mx" onclick=func($(this),'1')>55英服务二号1111寸活动中3</div>
					<div class="min_mx" onclick=func($(this),'1')>4</div>
					<div class="min_mx" onclick=func($(this),'1')>呃呃呃5</div>
					<div class="min_mx" onclick=func($(this),'1')>55英寸活动中6</div>
				</div>
				<div class="clear" style="margin-top:20px;">
					<div class="min_t" style="line-height:36px">数量：</div>
					<div class="num_box">
						<input type="text" name="num" value="1" style="width:40px;height:32px;text-align:center;float:left">
						<div class="rg">
							<img src="../public/home/images/jia.jpg" id='jia' alt="">
							<img src="../public/home/images/jian.jpg" id='jian' alt="">
						</div>
					</div>
				</div>
				<div class="clear" style="margin-top:20px;">
					<img src="../public/home/images/mai.jpg" alt="">
					<img src="../public/home/images/shop.jpg" alt="">
				</div>
			</div>
		</div>
	</div>
	<div class="Dbox1">
		<div class="bottom">
			<div class="top">
				<span>商品详情</span>
				<span>评价</span>
			</div>
			<div class="btm">
				我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我我
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="top"></div>
		<div class="bottom"><img src="../public/home/images/foot.jpg" alt=""></div>
	</div>
</body>
</html>